<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" rel="stylesheet" href="css/homeCss.css"/>
<script>
		var flag = 0;
		var click = 0;
		
		function showPopup(obj) {
			$(".popup").fadeOut();
			$(obj).fadeIn();
			$("#popupBgr").show();
			flag = 1;
			click = 0;
		}

		function hidePopup(obj) {
			$(obj).fadeOut();
			$("#popupBgr").hide();
			flag = 0;
			click = 0;
		}

		function clickBgr() {
			if (flag === 1 & click === 1) {
				$(".popup").fadeOut();
				$("#popupBgr").hide();
				flag = 0;
				click = 0;x
			} else if (flag === 1) {
				click = 1;
			}
		}

		function select(obj) {
			var val = $(obj).text();
			$("#valueText").val(val);
			$("#popup1").fadeOut();
			$("#popupBgr").hide();
		}

		function selectPlace(obj) {
			var val = $(obj).text();
			$("#valueText1").val(val);
			$("#popup2").fadeOut();
			$("#popupBgr").hide();
		}
		function openDetail(){
			window.open("workDetail.action",'_blank');
		}
	</script>
</head>
<body>
		<div class="header">
				<div class="logo"><a href="home.action"><img src="img/logo.png"/></a></div>
				<div class="menu">
					<li>
						<ul><a href="home.action"><img src="img/home.png"/>Trang chủ</a></ul>
						<ul><a href="home.action"><img src="img/check.png"/>Việc mới nhất</a></ul>
						<ul><a href=#><img src="img/popular.png"/>Được xem nhiều</a></ul>
						<ul><a href="news.action"><img src="img/news.png"/>Tin tức</a></ul>
						<ul><a href=#><img src="img/call.png"/>Liên hệ</a></ul>
					</li>
				</div>
				<div class="login">
				<a href=# style="margin-left:60px;">Đăng Nhập<img src="img/log.png" style="margin-left:5px;"></a><a href="regMem.action">Đăng Kí</a>
					<div id="loginPopup" class="loginForm" style=" display:none; padding:10px;height:100px; width:120px; background:#e9eaed; border:1px solid #aaaaaa;margin-top:5px;box-shadow: 1px 2px 2px #525252;">
						<form>
							<input type="text" placeHolder="Tài khoản" style="width:120px"/>
							<input type="password" placeHolder="Mật khẩu" style="width:120px"/>
							<input type="submit" value="Đăng Nhập" style="float:right"/>
						</form>
					</div>
					
				</div>
			</div>
</body>
</html>